import React, {
  Component
} from 'react'
import {
  Link
} from 'react-router'

import "./index.scss"
import src from "../../assets/img/logo-img.png";
import code from "../../assets/img/code.png";
class About extends Component {

  render() {
    return (
      <div >
         <div className="ab-top-box" style={{paddingBottom: '1.22rem'}}>
             <h4 style={{paddingTop: '.22rem'}}><img style={{width: '1.4rem'}} src={src}/></h4>
             <p className="intro-code">
               免费领取VIP体验卡
             </p>
           <Link to="/code">
             <a className="get-btn" href="javascript:;">立即领取</a>
           </Link>

            <p className="hd-time">此活动2017.05.20前有效</p>
         </div>
         <div className="ab-midle-box">
              <div className="ab-midle-cont">
                  <div className="top-bar"></div>
                  <div className="content">
                    <p>志愿百科能让你用最低的分数上最好的大学，使用志愿百科你可以：</p>
                    <ul className="list-group">
                      <li><i className="intro-icon intro-data"></i><a href="javascript:;">查看</a>历年招生录取数据</li>
                      <li><i className="intro-icon intro-zy"></i><a href="javascript:;">根据性格和兴趣</a>推荐适合你的专业</li>
                      <li><i className="intro-icon intro-gl"></i><a href="javascript:;">查看院校和专业的</a>录取概率</li>
                    </ul>
                  </div>
              </div>
         </div>
        <div className="ab-foot-box">
          <h4>更多VIP专享特权：</h4>
          <ul className="ab-foot-list">
            <li><i className="star"></i><a href="javascript:;">录取概率及填报建议</a></li>
            <li><i className="star"></i><a href="javascript:;">智能填报生成志愿卡</a></li>
            <li><i className="star"></i><a href="javascript:;">权威倾向测试推荐专业</a></li>
            <li><i className="star"></i><a href="javascript:;">海量毕业生案例指导就业</a></li>
            <li><i className="star"></i><a href="javascript:;">定位分析报告</a></li>
            <li><i className="star"></i><a href="javascript:;">性格测试和兴趣测试</a></li>
          </ul>
        </div>
        <p className="intro-fotip">点击领取后进入微信号<a href="javascript:;">[百姓关注]</a>或<a href="javascript:;">[志愿百科]</a>即可体验所有VIP功能</p>
        <div className="footer">
          <Link to="/code">
            <a href="javascript:;">免费领取VIP体验卡<i className="right-icon"></i></a>
          </Link>

        </div>
      </div>
    )
  }

}
export default About